<template>
  <div class="inner-wrapper">
    <el-row>
      <el-col :span="24">
        <div class="grid-content">
          <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item>应用</el-breadcrumb-item>
            <el-breadcrumb-item>全部</el-breadcrumb-item>
          </el-breadcrumb>
        </div>
      </el-col>
    </el-row>
    <el-table
      :data="tableData"
      border
      style="width: 100%">
      <el-table-column
        prop="name"
        label="索引">
      </el-table-column>
      <el-table-column
        prop="time"
        label="选择">
      </el-table-column>
      <el-table-column
        prop="license"
        label="类型">
        <template scope="scope">
          <a class="link"
             @click="getDetail(scope.row.name)">{{scope.row.license.handle}}</a>
          <span :class="scope.row.license.status=='OK'?'OK':'Fail'">{{scope.row.license.status}}</span>
        </template>
      </el-table-column>
      <el-table-column
        prop="child"
        label="主机索引">
        <template scope="scope">
          <span :class="scope.row.child=='OK'?'OK':'Fail'">{{scope.row.child}}</span>
        </template>
      </el-table-column>
      <el-table-column
        prop="dwell"
        label="主机名">
      </el-table-column>
      <el-table-column
        prop="timeout"
        label="节点名称">
        <template scope="scope">
          <input type="checkbox" v-model="scope.row.timeout">
        </template>
      </el-table-column>
      <el-table-column
        prop="verify"
        label="接口名称">
      </el-table-column>
      <el-table-column
        prop="verify"
        label="故障状态">
      </el-table-column>
    </el-table>
  </div>
</template>
